import { defineStore } from "pinia";
import { ref } from "vue";

interface todo {
    title:string,
    id:string
}
export const useTodoStore = defineStore('todo',()  => {
    const todos = ref<todo[]>([])
    const addTodo = (title:string) => {
        if(title.startsWith("reverse:")) {
            title = title.slice(8).split("").reverse().join("")
        }
        const todo = {
            title,
            id:crypto.randomUUID()
        }
        todos.value.push(todo)
        return todo
    }
    const removeTodo = (id:string) => {
        todos.value = todos.value.filter(todo => {
            return todo.id !== id
        })
    }
    return {
        todos,
        addTodo,
        removeTodo
    }
})